<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<!-- 元素当中存在多个元素和属性值的使用
	属性与属性值可以多个，用空格区分，没有先后顺序
	
	
	     图片元素的使用
           语法：<img />   简写<img>   非封闭型标记
		   必须属性     src资源属性=【路径】图片全称
		   目录==文件夹【项目：存文件夹下】
		   Git仓库【fornt-end】路径【Day01】路径【图片元素.html】
		   
		   路径：可以找到文件地址，/ \代表路径
		   front-end/Day01/图片元素.html
		   路径用法
		   /代表：上传至服务器【推荐】
		   \代表：下载至本地
		   
		   ./返回上一级
		   相对路径：1.两种，相对与执行网页，找文件【文件夹+路径+文件全称】
		            2.相对于执行网页，套在文件夹下，需要返回上一级
		   绝对路径：从盘符开始找路径，写法：c:/文件夹/文件夹/内容全称
		   
		   alt标题属性  属性文本自定
		   特点：网络延迟图片显示失效或者路径图片全称写错，
		   用户提示
		   title标题属性 属性值文本自定
		   特点：鼠标移动上图片显示
		   
		   
		   
			 -->
			 <img src="img/gif.gif" alt="哪吒">
			 <img src="img/png.png" title="杰瑞"width="200px"height="200px"/>
			 <img src="img/jpj.jpg" alt="古风美女"width="200px"height="200px"/>
	<body>
	</body>
</html>